<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SmartNet | Contacts</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <style type="text/css">
            #contacts-form .errorContainer {
                display: none;
                overflow: auto;
                background-color: #FFDDDD;
                border: 1px solid #FF2323;
                padding-top: 0;
                margin-bottom: 10px;
                padding: 5px;
            }

            #contacts-form .errorContainer label.error {
                float: none !important;
                display: block;
            }
        </style>
        <script type="text/javascript" src="js/jquery.latest.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_600.font.js"></script>
        <script type="text/javascript" src="js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="js/jquery.cookies.js"></script>
        <script type="text/javascript" src="js/jquery.md5.js"></script>
        <script type="text/javascript" src="script/login.js"></script>
        <script type="text/javascript" src="script/hot-hosting.js"></script>
        <script type="text/javascript" src="script/cart-counter.js"></script>        
        <script type="text/javascript" src="script/xsl-loader.js"></script>        
        <script type="text/javascript" src="script/contacts.js"></script>        
        <script type="text/javascript">
            $(function(){
                loadXSL('data/footer-links.xml', 'data/footer-links.xsl', 'footerLinks');
                loadXSL('data/contacts.xml', 'data/contacts.xsl', 'address');
                showHotHosting('hotHosting', false);
            });
        </script>
        <!--[if lt IE 7]><script type="text/javascript" src="js/ie6_script_other.js"></script><![endif]-->
        <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
    </head>
    <body id="contacts">
        <!-- START PAGE SOURCE -->
        <div class="tail-top1">
            <header>
                <div class="container">
                    <div class="header-box">
                        <div class="left">
                            <div class="right">
                                <nav>
                                    <ul>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="domains.html">Domains</a></li>
                                        <li><a href="hosting.html">Hosting</a></li>
                                        <li><a href="support.html">Support</a></li>
                                        <li><a href="account.html">Account</a></li>
                                        <li class="current"><a href="contacts.html">Contacts</a></li>
                                        <li><a href="cart.html">Cart (<span id="cart">0</span>)</a></li>
                                    </ul>
                                </nav>
                                <h1><a href="#"><span>Smart</span>Net</a></h1>
                            </div>
                        </div>
                    </div>
                    <span class="top-info">24/7 Sales &amp; Support + 1 800 234 5678</span>
                    <form action="#" id="login-form">
                        <fieldset>
                            <span class="text">
                                <input type="text" id="username" name="username" placeholder="Username">
                            </span>
                            <span class="text">
                                <input type="password" id="password" name="password" placeholder="Password">
                            </span>
                            <a href="#" id="login" class="login"><span><span>Login</span></span></a>
                            <span class="links"><a href="#">Forgot Password?</a><br/>
                            <a href="#">Register</a></span>
                        </fieldset>
                    </form>
                </div>
            </header>
            <section id="content">
                <div class="container">
                    <div class="inside">
                        <div id="slogan">
                            <div class="inside">
                                <h2><span>SmartNet</span> Helps the World to Find You</h2>
                                <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.</p>
                            </div>
                        </div>
                        <ul id="hotHosting" class="banners wrapper">
                        </ul>
                        <div class="inside1">
                            <div class="wrap">
                                <article class="col-1">
                                    <h2>Postal Address</h2>
                                    <div id="address"></div>
                                </article>
                                <article class="col-2">
                                    <h2>Contact Form</h2>
                                    <form id="contacts-form" action="" method="POST">
                                        <div class="errorContainer">
                                            <p>Please correct the following errors and try again:</p>
                                            <ul></ul>
                                        </div>
                                        <fieldset>
                                            <div class="field text">
                                                <label>Your Name:</label>
                                                <input type="text" id="txtName" name="txtName">
                                            </div>
                                            <div class="field text">
                                                <label>Your E-mail:</label>
                                                <input type="email" id="txtEmail" name="txtEmail">
                                            </div>
                                            <div class="field">
                                                <label>Your Message:</label>
                                                <textarea id="txtMessage" name="txtMessage"></textarea>
                                            </div>
                                            <div class="alignright">
                                                <!--<button type="reset" id="btnReset">Reset</button>
                                                <button type="submit" id="btnSend">Send</button>-->
                                                <a href="#" class="link4" onClick="document.getElementById('contacts-form').reset()"><span><span>Clear</span></span></a><a href="#" class="link2" id="btnSend"><span><span>Send</span></span></a>
                                            </div>
                                        </fieldset>
                                    </form>
                                </article>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <aside>
            <div class="container">
                <div class="inside">
                    <div class="line-ver1">
                        <div class="line-ver2">
                            <div class="line-ver3">
                                <div id="footerLinks" class="wrapper line-ver4">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <footer>
            <div class="footerlink">
                <p class="lf">Copyright &copy; 2010 <a href="index.html">SmartNet</a> - All Rights Reserved</p>
                <p class="rf"><a href="http://all-free-download.com/free-website-templates/">Free CSS Templates</a> by <a href="http://www.templatemonster.com/">TemplateMonster</a></p>
                <div style="clear:both;"></div>
            </div>
        </footer>
        <script type="text/javascript"> Cufon.now(); </script>
        <!-- END PAGE SOURCE -->
    </body>
</html>